<template>
  <div class="detail-wrapper">
     <detail-name :name="name"></detail-name>
    <!-- 评分 -->
    <detail-stars :starNum="Number(starNum)"
    :score="score"
    ></detail-stars>
    <!-- 地址 -->
    <detail-address :address="address"></detail-address>
    <!-- 价格 -->
    <detail-price :price="price"></detail-price>
    <!-- 日期 -->
    <detail-open-date :openDateTime="openDateTime"></detail-open-date>
    <!-- 提示 -->
    <detail-tip :tip="tip"></detail-tip>
    <!-- 详细介绍 -->
    <detail-intro :intro="intro"></detail-intro>
    <!-- 购票信息 -->
    <detail-ticket-info :ticketInfo="ticketInfo"></detail-ticket-info>
  </div>
</template>

<script>
import DetailName from './Sub/Name.vue'
import DetailStars from './Sub/Stars.vue'
import DetailAddress from './Sub/Address.vue'
import DetailPrice from './Sub/Price.vue'
import DetailOpenDate from './Sub/OpenDate.vue'
import DetailTip from './Sub/Tip.vue'
import DetailIntro from './Sub/Intro.vue'
import DetailTicketInfo from './Sub/TicketInfo.vue'

export default {
  name: 'DetailView',
  components: {
    DetailName,
    DetailStars,
    DetailAddress,
    DetailPrice,
    DetailOpenDate,
    DetailTip,
    DetailIntro,
    DetailTicketInfo
  },
  props: {
    ticketInfo: {
      type: String
    },
    intro: {
      type: String,
    },
    openDateTime: {
      type: String,
      default () {
        return '加载中...'
      }
    },
    name: {
      type: String,
      default () {
        return '加载中...'
      }
    },
    starNum: {
      type: [Number, String],
      default () {
        return 5
      }
    },
    score: {
      type: [Number, String],
      default () {return 5.0}
    },
    address: {
      type: String,
    },
    price: {
      type: [String, Number],
      default () {
        return 0
      }
    },
    tip: {
      type: String,
      default () {
        return '加载中...'
      }
    }
  },
}
</script>

<style>

</style>